<!DOCTYPE HTML>
<html style="width:100%;height:100%">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>321 APP_PersonalInformation</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <header class="aui-bar aui-bar-nav aui-bar-light" style="height:2.5rem!important;padding-top:0.75rem;background-color:transparent!important">
        <a class="aui-pull-left aui-btn" onclick="api.closeWin()">
            <span class="aui-iconfont aui-icon-left" style="color:#000;font-weight:bored;font-size:1.1rem"></span>
        </a>
        <div class="aui-title" style="color:#000;font-weight:bored;font-size:1.1rem">个人资料</div>
        <a class="aui-pull-right">
            <span>
                <img src="../../icon/header.png" style="padding-top:0.25rem">
            </span>
        </a>
    </header>
</head>
<style>
    html,body{
        width: 100%;
        height: 100%;
    }
</style>
<body style="background-color:rgb(249,249,251)" style="height:100% !important">
    <div style="background-image:url(../../image/flag.png);" height="100%" width="100%">
        <div class="aui-media-list-item-inner">
            <div class="aui-list-item-inner" style="padding-top:8rem;">
                <div class="aui-list-item-text" style="margin-top:0.5rem;">
                    <div class="aui-list-item-text" style="text-align:left;color:#fff;font-size:1.3rem;padding-left:1rem;">{{user.name}}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="aui-content aui-margin-b-15" >
        <ul class="aui-list aui-media-list" style="border-bottom: 0px">
            <li class="aui-list-item" >
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-text">单位</div>
                        </div>
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title">{{user.depName}}</div>
                        </div>
                    </div>
                </div>
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-text">职务</div>
                        </div>
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title">{{user.zhiwu}}</div>
                        </div>
                    </div>
                </div>
                <div class="aui-media-list-item-inner">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-text">职称 </div>
                        </div>
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title">{{user.zhicheng}}</div>
                        </div>
                    </div>
                </div>
                <div class="aui-media-list-item-inner" >
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-text">联系方式</div>
                        </div>
                        <div class="aui-list-item-text">
                            <div class="aui-list-item-title">{{user.phone}}</div>
                        </div>
                    </div>
                </div>

            </li>
        </ul>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue1.0.js"></script>
<script type="text/javascript" src="../../script/util.js"></script>
<script type="text/javascript">
    apiready = function () {
        vm = new Vue({
            el: "body",
            data: {
                user: {}
            },
            created: function () {
                var me = this;
                var result = api.getPrefs({
                    key: 'user',
                    sync: true
                }
                );
                me.user = JSON.parse(result);
            }
        });
    }
</script>

</html>